<!-- 总组件 -->
<template>
  <div style="padding-top:80px">
    <p>子组件值:{{message}}</p>
    <p>获取父组件值:{{parentVal}}</p>
    <button @click="changeB">点击改变父组件中的值</button>

    <div class="changeText">父组件改变子组件的样式</div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      message: '这是子组件',
      dataArray:[1,9,8,7]
    };
  },
  computed: {
    parentVal() {
      return this.$parent.msg
    }
  },
  methods: {
    changeB() {
         console.log('父组件 、、、、、')
         console.log(this.$parent)
         console.log(this.$parent.msg)
         this.$parent.msg = '子组件改变了父组件的值'
    }
  },
}
</script>
